<!-- Copyright © 2025 Hardcore Engineering Inc. -->
<!-- -->
<!-- Licensed under the Eclipse Public License, Version 2.0 (the "License"); -->
<!-- you may not use this file except in compliance with the License. You may -->
<!-- obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0 -->
<!-- -->
<!-- Unless required by applicable law or agreed to in writing, software -->
<!-- distributed under the License is distributed on an "AS IS" BASIS, -->
<!-- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. -->
<!-- -->
<!-- See the License for the specific language governing permissions and -->
<!-- limitations under the License. -->

<script lang="ts">
  import { Card } from '@hcengineering/card'
  import { NotificationContext } from '@hcengineering/communication-types'
  import { createEventDispatcher } from 'svelte'

  import InboxNotification from './InboxNotification.svelte'
  import NotificationTemplate from './NotificationTemplate.svelte'

  export let doc: Card
  export let context: NotificationContext

  const dispatch = createEventDispatcher()
</script>

{#each context.notifications ?? [] as notification (notification.id)}
  <NotificationTemplate on:click={() => dispatch('click', notification)}>
    <InboxNotification {notification} card={doc} />
  </NotificationTemplate>
{/each}
